<template>
  <a-modal :visible="showPreviewImg" title="图片预览" @cancel="$emit('update:showPreviewImg', false)" :footer="null" width="400px" :mask="true">
      <div class="previmg">
        <img :src="url" />
      </div>
    </a-modal>
</template>
<script>
export default {
  props:{
    showPreviewImg:{
      type:Boolean,
      default:false
    },
    url:{
      type:String,
      default:''
    }
  }
}
</script>
<style lang="less" scoped>
.previmg {
  display: flex;
  justify-content: center;
  align-items: center;
  img {
    max-width: 300px;
    height: auto;
  }
}
</style>